iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
Modern Web

[學習筆記] 邊學邊寫 JavaScript 30天系列 第 2

[學習筆記] 邊學邊寫 JavaScript 30天 (2):Node.js 環境建置和運算I

  • 分享至 

  • xImage
  •  

前言

預計會在這30天看完 Lidemy鋰學院 JavaScript 相關的四堂課,先從基礎開始。
第一堂是[JS101] 用 JavaScript 一步步打造程式基礎 這堂課主要講:Node.js環境建置、運算、變數、判斷式、迴圈、函式,後面還有一些小練習。
恩?預計30天全部看完那些課程,你問我眼睛乾不乾嗎?
西遊降魔記 手起刀落

在講變數前的影片是在說Node.js環境建置和運算,想快速知道運算符的可以直接看 MDN:Expressions and operators 今天這一篇比較是記錄面的筆記,參賽的主題有說這會是一個筆記文,所以是一個寫給自己看的筆記。這邊先講影片裡有提到的算式運算和邏輯運算的部分,其他的部分等之後課程講到再寫。(其實MDN已經寫完了)

看課程寫筆記,為什麼會亂入一個MDN呢?
在好想工作室要學的第一件事就是:養成看規範的習慣。
mentor會說:「啊他講你就信喔?」。
雖然看不懂規範時很痛苦,但在這邊資源豐富(人很多可以問,尤其讀書會超有幫助的)。
上面MDN寫了英文,其實只是算式運算符而已,不是寫英文就比較厲害。
而是想傳達看規範最重要的事:要看第一手的資料才是正確的,這就是我在好想學到的第一件事。


筆記

環境建置:該如何執行 JavaScript?

  • 方法一:打開 Google Chrome 的開發者工具(DevTools)在console的地方就可以開始撰寫了。
  • 方法二:使用node.js
    Node.js是一個能夠在伺服器端運行JavaScript的開放原始碼、跨平台的執行環境(node.js不是程式語言)。下載方式:到node.js官網選擇LTS版本選作業系統去安裝。用 terminal 直接輸入指令 node -v 跑出版本號即代表安裝成功。

    安裝後在vscode打開,新增一個js的檔案後,在terminal輸入指令 node 檔案名稱,就可以hello world

    或是直接在 terminal輸入node指令一樣可以hello起來~

運算

  • 算數運算:+、-、*、/、%取餘數,加上括號會優先運算,跟數學一樣連小學生都會的運算,感覺真的沒什麼好說的XD。但比較想說的部分是,原本以為次方要用^結果是**

  • 邏輯運算:

    • and(&&):要全部為true才會是true,否則都會回傳false,意即全部條件都要成立。
    true && true     //true
    true && false    //false
    false && true    //false
    false && false   //false
    
    • or(||):其中一個是true就會true,除非全都是false才false,意即其中一個條件滿足就成立。
    true || true     //true
    true || false    //true
    false || true    //true
    false || false   //false
    
    • not(!):把真的變假的,假的變真的。(真的假的)
    !true     //false
    !false    //true
    
    • and(&&) 與 or(||)的短路性質

    引用於維基百科 短路:是一種邏輯運算符的求值策略。只有當第一個運算數的值無法確定邏輯運算的結果時,才對第二個運算數進行求值。

    在 javascript 裡面只要是 0、空字串""nullfalseundefinedNaN 都會被判定為 false

    3 && 10      //10   兩個都是true,執行後面。
    false && 10  //false   false和true,會執行false,所以結果是false。
    3 || 10      //3    兩個都是true,執行前面。
    false || 10  //10   false和true ,會執行true,所以結果是10。
    

    短路不只比較兩個,兩個以上也可以,在沒有加括號的情況下執行順序&&會優先於||

    true || false && false     // true
    true && (false || false)   // false
    

後面還有一些些沒說完,但篇幅被圖片弄的有點長啊~今天就先筆記到這邊,後面的就留給明天吧!(絕不是因為沒囤文章才要留到明天寫啊啊啊! 真・鐵人QQ),感謝收看!


參考資料


上一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (1):前言
下一篇
[學習筆記] 邊學邊寫 JavaScript 30天 (3):運算II
系列文
[學習筆記] 邊學邊寫 JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
jadddxx
iT邦新手 5 級 ‧ 2022-09-17 11:43:56

**好酷!!

我要留言

立即登入留言